.header_menu {
  &>.header_menu-item-first{
    &>.header_menu-item-first-title {
      font-size: calc(var(--general_font_size) + 2px);
      font-family: var(--title_font_family);
      font-style: var(--title_font_style);
      font-weight: var(--title_font_weigth);
      letter-spacing: var(--title_letter_spacing);
      a {
        position: relative;
        &::after {
          content: "";
          position: absolute;
          bottom: 1rem;
          left: 0;
          width: 0;
          height: 1px;
          transition: all .3s ease;
          background: var(--menu-color);
        }
        &:hover {
          &::after {
            width: 100%;
          }
        }
      }
    }
  }
  .header_menu-item-first {
    .header_menu-item-first-title {
      display: flex;
      align-items: center;
      height: 100%;
      a {
        display: flex;
        padding: 1rem 0;
        color: var(--menu-color);
        text-transform: uppercase;
        position: relative;
      }
    }
    

    &[data-tree-type="one"] {
    }
    &[data-tree-type="two"] {

    }
    &[data-tree-type="three"] {
      .header_submenu {
        position: absolute;
        width: 100%;
        left: 0;
        .header_submenu-content {
          max-width: var(--general_layout_width);
          margin-left: auto;
          margin-right: auto;
          .header_submenu-content-ul {
            display: flex;
            flex-wrap: wrap;
            gap: 50px;
          }
        }
      }
    }

    &.header_menu-openable {
      &:hover {
      
        .header_submenu {
          visibility: visible;
          transform: translateY(0px);
          opacity: 1;
          transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
          background-color: #ffffff;
          a {
            color: #000000;
            position: relative;
            &::after {
              content: "";
              position: absolute;
              bottom: 0;
              left: 0;
              width: 0;
              height: 1px;
              transition: all 0.3s ease;
              background: #000000;
            }
            &:hover {
              &::after {
                width: 100%;
              }
            }
          }
        }
      }
    }

    .header_submenu {
      box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.1);
      position: absolute;
      visibility: hidden;
      transform: translateY(-10px);
      opacity: 0;

      &::-webkit-scrollbar {
        display: none;
      }
      scrollbar-width: none;
      -ms-overflow-style: none;
      .header_submenu-content-ul{
        
        .header_menu-item-second{
            font-size: calc(var(--general_font_size) + 1px);
            .header_menu-item-second-title{
                font-weight: 600;
                text-transform: uppercase;
            }

        }
      }
    }
  }

  #oem-navigation-more-link{
    .more_links_header_menu-item-first{
      .header_menu-item-first{
        line-height: 2;
        .header_menu-item-first-title{
          span {
            a {
              padding: 0;
            }
          }
        }
      }
      .header_submenu{
        height: 0;
        opacity: 0;
        visibility: hidden;
      }
    }
  }
}
